<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>

<svg width="1108" height="685" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <symbol id="circles-icon" viewBox="0 0 150 110">
    <circle cx="50" cy="50" r="40" stroke-width="8" stroke="red" fill="red"></circle>
    <circle cx="90" cy="60" r="40" stroke-width="8" stroke="green" fill="white"></circle>
  </symbol>

  <g>
    <use xlink:href="#circles-icon"
         x="0" y="0" width="100" height="50"></use>
    <use xlink:href="#circles-icon"
         x="0" y="200" width="100" height="50"></use>
  </g>
</svg>

</body>
</html>